<!--  -->
<template>
  <div>
      <vueSwiper :bannerImg="bannerImg"></vueSwiper>
      <list :navs="navs"></list>
      <navss></navss>
      <gonglue :news="news"></gonglue>
      <SwiperTwo :first="first"></SwiperTwo>
      <concat></concat>
      <groupone :classified="classified"></groupone>
      <activity :race="race"></activity>
      <destination :mdd="mdd"></destination>
      <Theme :theme="theme"></Theme>
      <hotcity :tags="tags"></hotcity>
      <foter></foter>
  </div>
</template>

<script>
import vueSwiper from "./pages/swiper"
import List from "./pages/list"
import Navss from "./pages/navss"
import Gonglue from "./pages/gonglue" 
import SwiperTwo from  "./pages/swipertwo"
import Concat from  "./pages/concat"
import Groupone from  "./pages/groupone"
import Activity from "./pages/activity"
import Destination from "./pages/destination"
import Theme from "./pages/Theme"
import Hotcity from "./pages/hotcity"
import Foter from "./pages/footer"

export default {
  data () {
    return {
      bannerImg:"",
      navs:"",
      news:"",
      first:"",
      classified:"",
      race:"",
      mdd:"",
      theme:"",
      tags:"",
      
    };
  },
  components:{
    vueSwiper,
    List,
    Navss,
    Gonglue,
    SwiperTwo,
    Concat,
    Groupone,
    Activity,
    Destination,
    Theme,
    Hotcity,
    Foter,
  },
  mounted() {
    this.$http.get("/api/index.json").then((res) => {
      console.log(res.data.data)
      this.bannerImg=res.data.data.flash;
      this.navs=res.data.data.navs;
      this.news=res.data.data.news;
      this.first=res.data.data.first_ad;
      this.classified=res.data.data.classified;
      this.race=res.data.data.race;
      this.mdd=res.data.data.photo_mdd;
      this.theme=res.data.data.theme;
      this.tags=res.data.data.tags;
      console.log(res.data.data)
    })
  },
}

</script>
<style scoped>
</style>